<template>
  <div>
    <div class="container">
      <ul>
        <li style="text-align: center;background-color:#f1f1f1;color: red;">请核对信息是否有误</li>
        <li>姓名：XXX</li>
        <li>相关信息：XXX</li>
      </ul>
      <button @click="isSend" class="send-sms-btn">发送短信</button>
    </div>
    
  </div>
</template>
<script setup>

function isSend(){
  alert('短信已发送');
}
</script>
<style scoped>
.container {
  background-color: #f1f1f1;
  width: 400px;
  height: 300px;
  position: absolute; 
  top: 170px;
  left: 500px;
}
ul li{
  list-style-type: none;
  background-color: white;
  width: 250px;
  padding: 10px;
  margin: 10px;
  margin-top: 22px;
}
.send-sms-btn {
  padding: 15px 30px;
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 150px;
  align-self: center;
  position: absolute;
  left: 120px;
  bottom: 20px;
}

</style>
